<template>
  <div class="Layout">
    <div class="Code">
&lt;svg width='480px' height='270px' viewBox='-240 -135 480 270' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  &lt;defs>
      &lt;style>
          .text
          {
              font-size:160px; 
              fill:none; 
              stroke-width:4px; 
              stroke-dasharray:150 350;
          }
      &lt;/style>
  &lt;/defs>
  &lt;text text-anchor='middle' x='0' y='0' class='text' style='stroke:blue;'>
      NEON
      &lt;animate attributeName='stroke-dashoffset' from='0' to='500' dur='1s' repeatCount='indefinite'>&lt;/animate>
  &lt;/text>
  &lt;text text-anchor='middle' x='0' y='0' class='text' style='stroke:red;'>
      NEON
      &lt;animate attributeName='stroke-dashoffset' from='0' to='500' dur='2s' repeatCount='indefinite'>&lt;/animate>
  &lt;/text>
  &lt;text text-anchor='middle' x='0' y='0' class='text' style='stroke:green;'>
      NEON
      &lt;animate attributeName='stroke-dashoffset' from='0' to='500' dur='3s' repeatCount='indefinite'>&lt;/animate>
  &lt;/text>
  &lt;text text-anchor='middle' x='0' y='0' class='text' style='stroke:yellow;'>
      NEON
      &lt;animate attributeName='stroke-dashoffset' from='0' to='500' dur='4s' repeatCount='indefinite'>&lt;/animate>
  &lt;/text>
&lt;/svg>
        </div>
  </div>
</template>